<template>
  <div>
    <van-nav-bar fixed z-index="10">
      <template #left>
        <van-icon name="arrow-left" @click="$router.go(-1)" />
      </template>
    </van-nav-bar>

    <div style="height: 46px"></div>

    <div>
      <video
        style="width: 100vw"
        loop
        autoplay
        controls
        src="/baking1/let_it_go.mp4"
      ></video>
    </div>
    <ul class="newbie">
      <li>
        <h2>如何用厨师机揉面团</h2>
        <p></p>
      </li>
      <li class="knowledge">
        <p>本知识来源于以下课程</p>
        <p>点击图片,立刻学习</p>
        <img style="width: 100%" src="/baking1/newbie" />
      </li>
      <li style="padding: 0">
        <recipe-floor></recipe-floor>
      </li>
    </ul>
  </div>
</template>

<script>
import RecipeFloor from "@/components/RecipeFloor.vue";
export default {
  components: { ArticleItem, RecipeFloor },
};
</script>

<style lang="scss" scoped>
.newbie {
  li {
    padding: 10px;
  }
  .knowledge {
    text-align: center;
  }
}
</style>
